<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>淘宝网——我的购物车</title>
  <link rel="stylesheet" href="./css/come01.css">
  <link rel="stylesheet" href="./css/dome03.css">
   <link rel="shortcut icon" href="../image/login-img/favicon.ico" type="image/x-icon" /> 
    <!-- icon -->
    <link rel="stylesheet" href="./font_3447033_tcrd8mx9lh8/iconfont.css">

</head>
<body>
 <div class="head">
  <div class="center">
    <ul class="clear">
      <li><a href="#">小臣momoda  <span></span> </a><div>
        <ul>
          <li>退出</li>
          <li>|</li>
          <li>账号管理</li>
        </ul>
        <dl class="clear">
          <dt><img src="./img_03/tou_xiang.jpg" alt=""></dt>
          <dd><p>淘气值</p>
          <p>普通会员</p>
          </dd>
        </dl>
        <a href="#">查看你的专属权益</a>

        
      </div></li>
      <li><a href="#">手机逛淘宝</a></li>
      <li><a href="#">网页无障碍</a></li>
    </ul>
       <ul>
        <li><a href="#">淘宝首页</a></li>
        <li><a href="#">我的淘宝<span></span></a><div>
          <ul>
            <li>已买到宝贝</li>
            <li>我的足迹</li>
          </ul>
        </div></li>
        <li><a href="#"><i class="iconfont "></i>购物车</a></li>
        <li><a href="#"><i class="iconfont "></i>收藏夹<span></span></a><div>
          <ul>
            <li>收藏的宝贝</li>
            <li>收藏的店铺</li>
          </ul>
        </div></li>
        <li><a href="#">商品分类</a></li>
        <li><a href="#">免费开店</a></li>
        <li>|</li>
        <li><a href="#">千牛卖家中心 <span></span></a><div>
          <ul>
            <li>开店入驻</li>
            <li>已卖出的宝贝</li>
            <li>出售中的宝贝</li>
            <li>卖家服务市场</li>
            <li>卖家培训中心</li>
            <li>体检中心</li>
            <li>电商学习中心</li>
          </ul>
        </div></li>
        <li><a href="#">联系客服 <span></span></a><div>
          <ul>
            <li>消费者客服</li>
            <li>卖家客服</li>
            <li>意见反馈</li>
            <li>网页版旺旺</li>
          </ul>
        </div></li>
      </ul>
  </div>

 </div>
 <div class="seach">
  <div class="center">
    <div>
      <a href="#"></a>
    </div>
    <div>
      <div>
        <a href="#"><i class="iconfont "></i>宝贝<span></span></a>
        <div>
          <a href="#">天猫</a>
          <a href="#">店铺</a>
        </div>
      </div>
      <input type="text">
      <button>搜索</button>

      
    </div>

  </div>
 </div>
 <div class="shop">
  <div class="center">
    <div></div>
    <!-- 2   结算-->
     <div>
      <span>购物车(全部<em id="gongji">12</em>)</span>
      <div>
        已含商品(不含运费) <span id="zongjia_1">0.00</span>
        <a href="#" id="jiesuan_1">结算</a>
      </div>
     </div>
     <!-- 3                 第一类 input                    -->
     <div class="yilei">
      <div>
        <!-- <input type="checkbox" id="quanxuan" data-name="quanxuan">  -->
        <div data-name="quanxuan" flag="false" id="quanxuan"></div>
        全选</div>
      <div>商品详情</div>
      <div></div>
      <div>单价</div>
      <div>数量</div>
      <div>金额</div>
      <div>操作</div>
     </div>
     <!--~~~~~~~~~~~~~~~~ 4    ~~~~~~~~                第二类    input        ~~~~~~~~~~~~~~~~~~~~~~~~~ -->
     <div class="dianpu">
       <div>
        <!-- <input type="checkbox" id="dianpu" data-name="dianpu"> -->
             <div data-name="dianpu" flag="false"></div>
          店铺：&nbsp;&nbsp;
        <a href="#">绿蜜蜂海外专卖店</a>
         <a href="#" class="xiaoshuidi"></a>
       </div>
       <div class="shangpin">
           
            <div>
              <img src="./img_03/kua_dian_man_jian.png" alt=""><span>6.15 20点开享,每满300减50</span>
            </div>
            <!--             第三类  input   ！！！！！！！！！！！！！！！！！！！！！！！！！ -->
            <div  class="clear xijie">
              <!-- 1 -->
                 <div>
                  <!-- <input type="checkbox" data-name="xijie"> -->
                  <div data-name="xijie" flag="false" id="a_bg"></div>
                 </div>
                 <!-- 2 -->
                 <div>
                  <dl>
                    <dt><img src="./img_03/shop_small_01.jpg" alt=""> <div><img src="./img_03/shop_big_01.jpg" alt=""><span></span></div></dt>
                    <dd>
                      <p>
                        <a href="#">AHC水乳套装透明质酸补水保湿神仙洁面护肤洗面奶官方旗舰店官网</a>
                      </p>
                      <div>
                        <img src="./img_03/bao_zhang.png" alt="">
                        <img src="./img_03/ji_fen.png" alt="">
                        <img src="./img_03/qi_tian.png" alt="">
                        <img src="./img_03/xin_yong_ka.png" alt="">
                      </div>
                    </dd>
                  </dl>
                 </div>
                 <!-- 3 -->
                 <div>
                  <p>颜色分类 : 水乳精华洁面套装</p>
                  <span>修改</span>
                 </div>
                 <!-- 4 -->
                 <div class="danjia">
                  <span>￥<em id="a_one">388.00</em></span>
                 </div>
                 <!-- 5 -->
                 <div class="jiajian">
                  <dl>
                    <dt><span class="jian">-</span><input type="text" value="1" id="a_input"><span class="jia">+</span></dt>
                    <dd><p>限购7件</p></dd>
                  </dl>
                 </div>
                 <!-- 6 -->
                 <div class="danjia_z">
                  <p>￥<em id="a_two">388.00</em></p>
                  <div>进口税：商品已报税</div>
                 </div>
                 <!-- 7 -->
                 <div>
                  <a href="#">移动到收藏夹</a>
                  <a href="#">删除</a>
                 </div>
    
            </div>
  <!--             第三类  input   ！！！！！！！！！！！！！！！！！！！！！！！！！ -->
  <div  class="clear xijie">
    <!-- 1 -->
       <div>
        <!-- <input type="checkbox" data-name="xijie"> -->
        <div data-name="xijie" flag="false" id="b_bg"></div>
       </div>
       <!-- 2 -->
       <div>
        <dl>
          <dt><img src="./img_03/shop_small_03.jpg" alt=""> <div><img src="./img_03/shop_big_03.jpg" alt=""><span></span></div></dt>
          <dd>
            <p>
              <a href="#">AHC水乳套装透明质酸补水保湿神仙洁面护肤洗面奶官方旗舰店官网</a>
            </p>
            <div>
              <img src="./img_03/bao_zhang.png" alt="">
              <img src="./img_03/ji_fen.png" alt="">
              <img src="./img_03/qi_tian.png" alt="">
              <img src="./img_03/xin_yong_ka.png" alt="">
            </div>
          </dd>
        </dl>
       </div>
       <!-- 3 -->
       <div>
        <p>颜色分类 : 水乳精华洁面套装</p>
        <span>修改</span>
       </div>
       <!-- 4 -->
       <div class="danjia">
        <span>￥<em id="b_one">350.00</em></span>
       </div>
       <!-- 5 -->
       <div class="jiajian">
        <dl>
          <dt><span class="jian">-</span><input type="text" value="1" id="b_input"><span class="jia">+</span></dt>
          <dd><p>限购7件</p></dd>
        </dl>
       </div>
       <!-- 6 -->
       <div class="danjia_z">
        <p>￥<em id="b_two">350.00</em></p>
        <div>进口税：商品已报税</div>
       </div>
       <!-- 7 -->
       <div>
        <a href="#">移动到收藏夹</a>
        <a href="#">删除</a>
       </div>

  </div>
    <!--             第三类  input   ！！！！！！！！！！！！！！！！！！！！！！！！！ -->
    <div  class="clear xijie">
      <!-- 1 -->
         <div>
          <!-- <input type="checkbox" data-name="xijie"> -->
          <div data-name="xijie" flag="false" id="c_bg"></div>
         </div>
         <!-- 2 -->
         <div>
          <dl>
            <dt><img src="./img_03/shop_small_02.jpg" alt=""> <div><img src="./img_03/shop_big_02.jpg" alt=""><span></span></div></dt>
            <dd>
              <p>
                <a href="#">AHC水乳套装透明质酸补水保湿神仙洁面护肤洗面奶官方旗舰店官网</a>
              </p>
              <div>
                <img src="./img_03/bao_zhang.png" alt="">
                <img src="./img_03/ji_fen.png" alt="">
                <img src="./img_03/qi_tian.png" alt="">
                <img src="./img_03/xin_yong_ka.png" alt="">
              </div>
            </dd>
          </dl>
         </div>
         <!-- 3 -->
         <div>
          <p>颜色分类 : 水乳精华洁面套装</p>
          <span>修改</span>
         </div>
         <!-- 4 -->
         <div class="danjia">
          <span>￥<em id="c_one">299.00</em></span>
         </div>
         <!-- 5 -->
         <div class="jiajian">
          <dl>
            <dt><span class="jian">-</span><input type="text" value="1" id="c_input"><span class="jia">+</span></dt>
            <dd><p>限购7件</p></dd>
          </dl>
         </div>
         <!-- 6 -->
         <div class="danjia_z">
          <p>￥<em id="c_two">299.00</em></p>
          <div>进口税：商品已报税</div>
         </div>
         <!-- 7 -->
         <div>
          <a href="#">移动到收藏夹</a>
          <a href="#">删除</a>
         </div>

    </div>

       </div>

       


     </div>
     <!-- ~~~~~~~~~~~~~~~~~~~~~      5       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
     <div class="dianpu">
      <div>
       <!-- <input type="checkbox" id="dianpu" data-name="dianpu"> -->
            <div data-name="dianpu" flag="false"></div>
         店铺：&nbsp;&nbsp;
       <a href="#">绿蜜蜂海外专卖店</a>
        <a href="#" class="xiaoshuidi"></a>
      </div>
      <div class="shangpin">
          
           <div>
             <img src="./img_03/kua_dian_man_jian.png" alt=""><span>6.15 20点开享,每满300减50</span>
           </div>
           <!--             第三类  input   ！！！！！！！！！！！！！！！！！！！！！！！！！ -->
           <div  class="clear xijie">
             <!-- 1 -->
                <div>
                 <!-- <input type="checkbox" data-name="xijie"> -->
                 <div data-name="xijie" flag="false" id="d_bg"></div>
                </div>
                <!-- 2 -->
                <div>
                 <dl>
                   <dt><img src="./img_03/shop_small_03.jpg" alt=""> <div><img src="./img_03/shop_big_03.jpg" alt=""><span></span></div></dt>
                   <dd>
                     <p>
                       <a href="#">DIOR 专卖店</a>
                     </p>
                     <div>
                       <img src="./img_03/bao_zhang.png" alt="">
                       <img src="./img_03/ji_fen.png" alt="">
                       <img src="./img_03/qi_tian.png" alt="">
                       <img src="./img_03/xin_yong_ka.png" alt="">
                     </div>
                   </dd>
                 </dl>
                </div>
                <!-- 3 -->
                <div>
                 <p>颜色分类 : 001 号   款式：基本款</p>
                 <span>修改</span>
                </div>
                <!-- 4 -->
                <div class="danjia">
                 <span>￥<em id="d_one">350.00</em></span>
                </div>
                <!-- 5 -->
                <div class="jiajian">
                 <dl>
                   <dt><span class="jian">-</span><input type="text" value="1" id="d_input"><span class="jia">+</span></dt>
                   <dd><p>限购7件</p></dd>
                 </dl>
                </div>
                <!-- 6 -->
                <div class="danjia_z">
                 <p>￥<em id="d_two">350.00</em></p>
                 <div>进口税：商品已报税</div>
                </div>
                <!-- 7 -->
                <div>
                 <a href="#">移动到收藏夹</a>
                 <a href="#">删除</a>
                </div>
   
           </div>


      </div>

      


    </div>

    <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~         6          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~`` -->
    <div class="dianpu">
      <div>
       <!-- <input type="checkbox" id="dianpu" data-name="dianpu"> -->
            <div data-name="dianpu" flag="false"></div>
         店铺：&nbsp;&nbsp;
       <a href="#">自然堂专卖数据渲染的</a>
        <a href="#" class="xiaoshuidi"></a>
      </div>


           <div class="shangpin" id="shangpin_one">
          
           <!-- <div>
             <img src="./img_03/kua_dian_man_jian.png" alt=""><span>6.15 20点开享,每满300减50</span>
           </div>
          -->
           <!-- <div  class="clear xijie">
                <div>
                 <div data-name="xijie" flag="false" id="bg_1"></div>
                </div>
                <div>
                 <dl>
                   <dt><img src="./img_03/shop_small_03.jpg" alt=""> <div><img src="./img_03/shop_big_03.jpg" alt=""><span></span></div></dt>
                   <dd>
                     <p>
                       <a href="#">DIOR 专卖店</a>
                     </p>
                     <div>
                       <img src="./img_03/bao_zhang.png" alt="">
                       <img src="./img_03/ji_fen.png" alt="">
                       <img src="./img_03/qi_tian.png" alt="">
                       <img src="./img_03/xin_yong_ka.png" alt="">
                     </div>
                   </dd>
                 </dl>
                </div>
                <div>
                 <p>颜色分类 : 001 号   款式：基本款</p>
                 <span>修改</span>
                </div>
                <div class="danjia">
                 <span>￥<em id="one_1">350.00</em></span>
                </div>
                <div class="jiajian">
                 <dl>
                   <dt><span class="jian">-</span><input type="text" value="1" id="input_1"><span class="jia">+</span></dt>
                   <dd><p>限购7件</p></dd>
                 </dl>
                </div>
                <div class="danjia_z">
                 <p>￥<em id="two_1">350.00</em></p>
                 <div>进口税：商品已报税</div>
                </div>
                <div>
                 <a href="#">移动到收藏夹</a>
                 <a href="#">删除</a>
                </div>
   
           </div> -->


           </div> 


    </div>





<!-- !!!!!!!!!!!!!!!      staick   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
    <div class="sticks">
      <div>
        <!--  -->
          <div>
            <!-- <input type="checkbox" id="all" data-name="quanxuan"><span>全选</span> -->
            <div id="all" data-name="all" flag="false" id="all"></div>
          </div>

          <div>
              <a href="#">删除</a>
              <a href="#">移入收藏夹</a>
          </div>

          <div>
            <div>已选商品<span id="jishu">0</span>件<i class="iconfont "></i></div>
            <div>
              合计 (不含运费): &nbsp;&nbsp;<em id="zongjia">0.00</em>
            </div>
            <div>
              <a href="#" id="jiesuan">结算</a>
            </div>
          </div>
          <!--  -->
      </div>
    </div>

  </div>
 </div>

 
  </div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="./js/cookie.js"></script>
<script src="./js/dome03.js"></script>


<!-- <script>
  $(function(){
    $('.jia');$('.jian');$('#zongjianshu');$('.jiesuan');$('.danjia');$('.danjia_z');
       let arr=[],res,arr1=[],res1,val = 1,danjia,danjia_z;
       let jiesuan = $('#jiesuan');
       let zongjia = $('#zongjia');
       let jishu   = $('#jishu');
       let gongji  = $('#gongji');
       let jiesuan_1 = $('#jiesuan_1');
       let zongjia_1 = $('#zongjia_1');
       let result   =  [...$('div[data-name = "xijie"]')];
      //  function isAll(){
      //    return   result  = result.every(el=>$(el).attr('flag') === 'true')
      //  }
      //  function isSome(){
      //   return result = result.some(el=>{return $(el).attr('flag') === 'true'})
      //  }
  

  function panDuan(){
   let val1 ;let val2 ;let val3 ;let one ;let two ;let three;let val4;let four;
   let val5 ;let val6 ;let val7 ;let five ;let six ;let sever;let val8;let eight;
   if($('#a_bg').attr('flag') === 'true' ){
       val1 = Number($('#a_two').html());
       one = Number($('#a_input').val());
   }else{
       val1 = 0;one = 0;
   }
   if($('#b_bg').attr('flag') === 'true' ){
       val2 =  Number($('#b_two').html());;
       two = Number($('#b_input').val());
   }else{
       two = 0;val2 = 0;
   }
   if($('#c_bg').attr('flag') === 'true' ){
       val3 = Number($('#c_two').html());
       three = Number($('#c_input').val());
   }else{
       val3 = 0;three = 0;
   }
   if($('#d_bg').attr('flag') === 'true' ){
       val4 = Number($('#d_two').html());
       four = Number($('#d_input').val());
   }else{
       val4 = 0;four = 0;
   }

   if($('#bg_1').attr('flag') === 'true' ){
    val5 = Number($('#two_1').html());
    one = Number($('#input_1').val());
}else{
    val5 = 0;five = 0;
}
if($('#bg_2').attr('flag') === 'true' ){
    val6 =  Number($('#two_2').html());;
    six = Number($('#input_2').val());
}else{
    six = 0;val6 = 0;
}
if($('#bg_3').attr('flag') === 'true' ){
    val7 = Number($('#two_3').html());
    sever = Number($('#input_3').val());
}else{
    val7= 0;sever = 0;
}
if($('#bg_4').attr('flag') === 'true' ){
    val8= Number($('#two_4').html());
    eight = Number($('#input_4').val());
}else{
    val8 = 0;eight = 0;
}


   console.log(val1,val2,val3,val4);

   let top = val1+val2+val3+val4+val5+val6+val7+val8;  //    总价
   let count = one+ two + three+four+five+six+sever+eight; 
   // console.log(top,count);  // 数量
     jishu.html(count);
    zongjia.html(top);zongjia_1.html(top);
   return zongjia_1.html(top);
}
  


       
       function  isHave(){
        let array = []
         result.forEach(element=>{
          if($(element).attr('flag') === 'true'){
            array.push(element)
          }
         })
         if(array.length>0){
          jiesuan.css('background','#FF5C00');
          jiesuan_1.css('background','#FF5C00');
         }else{
            jiesuan.css('background','#908E8E');
           jiesuan_1.css('background','#908E8E');
         }
       }
    // isHave();
      //  jiesuan.css('background','#FF5C00');
      //  jiesuan_1.css('background','#FF5C00');

      // jiesuan.css('background','#908E8E');
      //  jiesuan_1.css('background','#908E8E');
    


     function erlei(){
      arr =Array.from($('div[data-name = "dianpu"]'))  ;
       res = arr.every(el=>{ return  $(el).attr('flag') === 'true';
       })
          if(res  === true ){
           $('#quanxuan').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
           $('#all').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
          }
     }
    //  全选  
$('#quanxuan').on('click',function(){
if($(this).attr('flag') === 'false'){
  $('[data-name]').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
  $('.shangpin').css('border','1px solid #f40').css('background','#FFF9F6');
 $(this).parents('.yilei').siblings('.dianpu').find('.xijie').css('background','#FFF9F6');
 panDuan();
 isHave();
}else{
  $('[data-name]').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
  $('.shangpin').css('border','white').css('background','#F5F5F5');
 $(this).parents('.yilei').siblings('.dianpu').find('.xijie').css('background','#F5F5F5');
 panDuan();
 isHave();
}
})
$('#all').on('click',function(){
  if($(this).attr('flag') === 'false'){
  $('[data-name]').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
  $('.shangpin').css('border','1px solid #f40').css('background','#FFF9F6');
 $(this).parents('.sticks').siblings('.dianpu').find('.xijie').css('background','#FFF9F6');
 panDuan();
 isHave();
}else{
  $('[data-name]').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
  $('.shangpin').css('border','white').css('background','#F5F5F5');
 $(this).parents('.sticks').siblings('.dianpu').find('.xijie').css('background','#F5F5F5');
 panDuan();
 isHave();
}
})

//  二  级  
$('div[data-name = "dianpu"]').on('click',function(){
  if($(this).attr('flag') === 'false'){
    $(this).attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
    $(this).parent().siblings().css('border','1px solid #f40').css('background','#FFF9F6').find('div[data-name = "xijie"]').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
   erlei();
   $(this).parent().siblings().find('.xijie').css('background','#FFF9F6');
  //  $(this).parent().siblings().find('div[data-name]').css('background','#FFF9F6')
  panDuan();
  isHave();
  }else{
    $(this).attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $(this).parent().siblings().css('border','white').css('background','#F5F5F5').find('div[data-name = "xijie"]').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $('#quanxuan').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $('#all').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $(this).parent().siblings().find('.xijie').css('background','#F5F5F5');
    // .css('background','#F5F5F5')
    panDuan();
    isHave();
  }
})

//   三级 
 
$('div[data-name = "xijie"]').on('click',function(){
  if($(this).attr('flag') === 'false'){
    $(this).attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
    $(this).parents('.xijie').css('background','#FFF9F6');
    // $(this).parents('.shangpin').find('div[data-name]');
    
     arr1 =Array.from( $(this).parents('.shangpin').find('div[data-name]')) ;
     res1 = arr1.every(el=>{ return $(el).attr('flag') === 'true' });
    //  console.log(res1);
     if(res1){
      $(this).parents('.shangpin').siblings('div').find('div[data-name]').attr('flag','true').css('backgroundImage',`url(./img_03/fu_xuan_kuang_back.png)`);
      $(this).parents('.shangpin').css('border','1px solid #f40').css('background','#FFF9F6');
      erlei();
     }
     panDuan();
     isHave();
  }else{
    $(this).attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $(this).parents('.xijie').css('background','#F5F5F5');
    $(this).parents('.shangpin').siblings('div').find('div[data-name]').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $(this).parents('.shangpin').css('border','white').css('background','#F5F5F5');
    $('#quanxuan').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    $('#all').attr('flag','false').css('backgroundImage',`url(./img_03/fu_xuan_kuang_kong.png)`);
    panDuan();
    isHave();
  }
})

$('#zongjianshu').text(`${$('[data-name = "xijie"]').length}`);



$('.jia').on('click',function(){
 
  if(+$(this).siblings('input').val() <7){
 $(this).siblings('input').val(`${+$(this).siblings('input').val() + 1}`);
 
  }

 let dj = $(this).parents('.jiajian').siblings('.danjia').find('em').text();
 let sl =$(this).siblings('input').val()
$(this).parents('.jiajian').siblings('.danjia_z').find('em').text(`${dj * sl}`);
panDuan();
})
$('.jian').on('click',function(){
  if(+$(this).siblings('input').val() > 1 ){
 $(this).siblings('input').val(`${+$(this).siblings('input').val() - 1}`);
  }
  let dj = $(this).parents('.jiajian').siblings('.danjia').find('em').text();
 let sl =$(this).siblings('input').val();
$(this).parents('.jiajian').siblings('.danjia_z').find('em').text(`${dj * sl}`);

  panDuan();
})
















  })
</script> -->




<!-- function panDuan(){
  let val1 ;let val2 ;let val3 ;let one ;let two ;let three;let val4;let four;
  if($('#a_bg').attr('flag') === 'true' ){
      val1 = Number($('#a_two').html());
      one = Number($('#a_input').val());
  }else{
      val1 = 0;one = 0;
  }
  if($('#b_bg').attr('flag') === 'true' ){
      val2 =  Number($('#b_two').html());;
      two = Number($('#b_input').val());
  }else{
      two = 0;val2 = 0;
  }
  if($('#c_bg').attr('flag') === 'true' ){
      val3 = Number($('#c_two').html());
      three = Number($('#c_input').val());
  }else{
      val3 = 0;three = 0;
  }
  if($('#d_bg').attr('flag') === 'true' ){
      val4 = Number($('#d_two').html());
      four = Number($('#d_input').val());
  }else{
      val4 = 0;four = 0;
  }
  console.log(val1,val2,val3,val4);

  let top = val1+val2+val3+val4;  //    总价
  let count = one+ two + three+four; 
  // console.log(top,count);  // 数量
    jishu.html(count);
   zongjia.html(top);zongjia_1.html(top);
  return zongjia_1.html(top);
} -->